import React from 'react';
import '../css/header.css'
import {useNavigate} from 'react-router-dom'
const Header = () => {
    const navigate = useNavigate()
    return (
        <nav>
            <div className="nav" onClick={()=>{
                navigate('/fan/index')
            }}>
                <span className="icon">🏠</span>
                <span>生鲜电商首页</span>
            </div>
            <div className="user-actions">
                <span>你好，请登录</span>
                <span>免费注册</span>
                <span>我的订单</span>
            </div>
        </nav>
    );
};

export default Header;